<style lang="less" scoped>
@import url('./style.less');

.panel {
  &-content {
    &__item {
      &-label {
        width: 80px;
      }
    }
  }
}
</style>
<template>
  <div class="box">
    <div class="box-title" @click="show=!show">
      <div class="box-title__label">基本信息</div>
      <div class="box-title__right">
        <!-- <span>123</span> -->
        <i :class="cls"></i>
      </div>
    </div>
    <div class="box-content" v-show="show">
      <div class="panel-content">
        <div class="panel-content__item">
          <div class="panel-content__item-label">注册号</div>
          <div class="panel-content__item-value">{{dt.RegNo||'-'}}</div>
          <div class="panel-content__item-right"></div>
        </div>
        <div class="panel-content__item">
          <div class="panel-content__item-label">统一社会信用代码</div>
          <div class="panel-content__item-value">{{dt.CreditCode||'-'}}</div>
          <div class="panel-content__item-right"></div>
        </div>
        <div class="panel-content__item">
          <div class="panel-content__item-label">企业经营状态</div>
          <div class="panel-content__item-value">{{dt.Status||'-'}}</div>
          <div class="panel-content__item-right"></div>
        </div>
        <div class="panel-content__item">
          <div class="panel-content__item-label">从业人数</div>
          <div class="panel-content__item-value">{{dt.EmployeeCount||'-'}}</div>
          <div class="panel-content__item-right"></div>
        </div>
        <div class="panel-content__item">
          <div class="panel-content__item-label">本年度是否发生股东股权转让</div>
          <div class="panel-content__item-value">{{dt.IsStockRightTransfer||'-'}}</div>
          <div class="panel-content__item-right"></div>
        </div>
        <div class="panel-content__item">
          <div class="panel-content__item-label">企业是否有投资信息或购买其他公司股权</div>
          <div class="panel-content__item-value">{{dt.HasNewStockOrByStock||'-'}}</div>
          <div class="panel-content__item-right"></div>
        </div>
        <div class="panel-content__item">
          <div class="panel-content__item-label">企业联系电话</div>
          <div class="panel-content__item-value">{{dt.ContactNo||'-'}}</div>
          <div class="panel-content__item-right"></div>
        </div>
        <div class="panel-content__item">
          <div class="panel-content__item-label">电子邮箱</div>
          <div class="panel-content__item-value">{{dt.EmailAddress||'-'}}</div>
          <div class="panel-content__item-right"></div>
        </div>
        <div class="panel-content__item">
          <div class="panel-content__item-label">企业通讯地址</div>
          <div class="panel-content__item-value">{{dt.Address||'-'}}（邮编：{{dt.PostCode}}）</div>
          <div class="panel-content__item-right"></div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  props: ['dt'],
  data() {
    return {
      show: false
    };
  },
  onUnload() {
    this.show = false;
  },
  computed: {
    cls() {
      const arrow = this.show ? 'icon-shangjiantou' : 'icon-tubiaozhizuo-';
      return `iconfont ${arrow}`;
    }
  }
};
</script>
